<template>
  <el-aside width="200px">
    <el-menu router class="bg-slate-50" style="height: 100%;" text-color="black" default-active="2">
      <el-menu-item v-for="v in items" :key="v.path" :index="v.path">
        <el-icon><icon-menu /></el-icon>
        <span class="text-md">{{ v.title }}</span>
      </el-menu-item>
    </el-menu>
  </el-aside>
</template>

<script setup>
import { onMounted, ref } from "vue";
import { mainStore } from "../../store";
let items = ref([]);
onMounted(()=>{
  items.value = mainStore().nav
})
</script>

<style scoped></style>